<template>
  <div class="page">
    <van-nav-bar title="总览" left-text="返回" @click-left="goBack">
      <van-icon slot="left" name="arrow-left" size="20" />
    </van-nav-bar>
    <div class="content">
      <!--      组件值的传递暂时空 具体调接口时确定-->
      <o1-box />
      <o2-box />
      <o3-box />
      <o4-chart />
      <o5-chart />
      <o6-strip />
      <o7-chart />
    </div>
  </div>
</template>

<script>
/**
 * 总览
 */
import O1Box from "@/views/overview/modules/o1-box";
import O2Box from "@/views/overview/modules/o2-box";
import O3Box from "@/views/overview/modules/o3-box";
import O4Chart from "@/views/overview/modules/o4-chart";
import O5Chart from "@/views/overview/modules/o5-chart";
import O6Strip from "@/views/overview/modules/o6-strip";
import O7Chart from "@/views/overview/modules/o7-chart";

export default {
  name: "overviewIndex",
  components: { O1Box, O2Box, O3Box, O4Chart, O5Chart, O6Strip, O7Chart },
  methods: {
    goBack() {
      alert("不能再返回了哦");
    },
  },
};
</script>

<style lang="less" scoped>
.page {
  .content {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 10px 10px;
    .content-card {
      //几个 content card 的 公共样式
      margin: 10px 0;
      border: 1px solid #f2f2f2;
      background-color: #ffffff;
      box-shadow: 0 4px 8px rgba(90, 163, 236, 0.14);
      border-radius: 4px;
    }
  }
}
</style>
